const FsSvg = props => {

  switch (props.type) {
    case 'home':
      return <svg style={props.style} width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M20 10l-8-5.94L4 10v10h5v-3.8a2.2 2.2 0 012.2-2.2h1.6a2.2 2.2 0 012.2 2.2V20h5V10zm-9 11a1 1 0 01-1 1H4a2 2 0 01-2-2V10a2 2 0 01.75-1.56l8-5.94a2 2 0 012.5 0l8 5.94A2 2 0 0122 10v10a2 2 0 01-2 2h-6a1 1 0 01-1-1v-4.8a.2.2 0 00-.2-.2h-1.6a.2.2 0 00-.2.2V21z" fill="currentColor"></path></svg>
    case 'search':
      return <svg style={props.style} width="14" height="14" viewBox="0 0 24 24" fill="none" data-icon="SearchOutlined"><path d="M16.473 17.887A9.46 9.46 0 0 1 10.5 20a9.5 9.5 0 1 1 9.5-9.5 9.46 9.46 0 0 1-2.113 5.973l3.773 3.773a.996.996 0 0 1-.007 1.407.996.996 0 0 1-1.407.007l-3.773-3.773ZM18 10.5a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0Z" fill="currentColor"></path></svg>
    case 'library':
      return <svg style={props.style} width="18" height="18" viewBox="0 0 24 24" fill="none" data-icon="WikiColorful"><path d="M2.237 2.5a1 1 0 0 1 1-1h13a5 5 0 0 1 5 5v15a1 1 0 0 1-1 1H7.372a5.24 5.24 0 0 1-3.63-1.447 4.849 4.849 0 0 1-1.505-3.494V2.5Z" fill="#336DF4"></path><path d="M2.237 7h10.5a3.5 3.5 0 0 1 3.5 3.5v12h-9a5 5 0 0 1-5-5V7Z" fill="#3EC3F7"></path><path d="M2.237 12.5h7a2 2 0 0 1 2 2v8h-4a5 5 0 0 1-5-5v-5Z" fill="#95E599"></path></svg>
    case 'check':
      return <svg style={props.style} width="16" height="16" viewBox="0 0 24 24" fill="none" data-icon="DoneOutlined"><path d="M9.218 17.41 19.83 6.796a.99.99 0 1 1 1.389 1.415c-3.545 3.425-4.251 4.105-11.419 11.074a.997.997 0 0 1-1.375.017c-1.924-1.8-3.709-3.567-5.573-5.428a.999.999 0 0 1 1.414-1.415l4.95 4.95Z" fill="#3e5bff"></path></svg>
    case 'fold':
      return <svg width="16" height="17" viewBox="0 0 16 17" fill="none" >
        <g clip-path="url(#clip0_1_4851)">
          <g filter="url(#filter0_f_1_4851)">
            <path d="M2.11464 8.05859L2.07038 12.6176C2.06332 13.3441 2.62788 13.937 3.3271 13.9376L12.6909 13.9453C13.3916 13.9459 13.9577 13.3514 13.9496 12.6234L13.8986 8.05859H2.11464Z" fill="#2C6BF5" />
          </g>
          <path d="M0.751936 3.45999C0.758357 2.58963 1.46084 1.88485 2.33117 1.87557L6.86695 1.82724C7.41052 1.82144 7.9156 2.10708 8.19078 2.57589L8.55567 3.27194C8.56851 3.29643 8.5939 3.31176 8.62155 3.31172L13.6792 3.30375C14.5543 3.30237 15.2674 4.00578 15.2779 4.88079L15.2959 6.37093L15.1431 6.33254C15.0735 6.31505 15.0022 6.30569 14.9304 6.30464L13.7824 6.28795L1.00979 6.29716L0.900585 6.31894C0.860805 6.32687 0.821656 6.33768 0.783448 6.3513L0.730469 6.37019L0.751936 3.45999Z" fill="#FBB956" />
          <path d="M2.24219 5.43529C2.24219 5.08675 2.52474 4.8042 2.87328 4.8042H13.1793C13.5279 4.8042 13.8104 5.08675 13.8104 5.43529V6.2829H2.24219V5.43529Z" fill="#FFFDF8" />
          <g filter="url(#filter1_f_1_4851)">
            <rect x="2.24219" y="6.54468" width="11.5682" height="7.30457" rx="0.63109" fill="#F3F7FF" />
          </g>
          <g filter="url(#filter2_b_1_4851)">
            <path d="M0.10775 7.37578C0.0581804 6.79092 0.51953 6.28882 1.10649 6.28882H14.9346C15.5136 6.28882 15.9722 6.77803 15.9348 7.35585L15.4554 14.7659C15.4023 15.5862 14.7215 16.2243 13.8995 16.2243H2.29031C1.48025 16.2243 0.805128 15.604 0.736717 14.7969L0.10775 7.37578Z" fill="#F5C741" fill-opacity="0.9" />
          </g>
        </g>
        <defs>
          <filter id="filter0_f_1_4851" x="-0.157066" y="5.83122" width="16.3342" height="10.3415" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
            <feFlood flood-opacity="0" result="BackgroundImageFix" />
            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
            <feGaussianBlur stdDeviation="1.11369" result="effect1_foregroundBlur_1_4851" />
          </filter>
          <filter id="filter1_f_1_4851" x="0.386039" y="4.68853" width="15.2807" height="11.017" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
            <feFlood flood-opacity="0" result="BackgroundImageFix" />
            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
            <feGaussianBlur stdDeviation="0.928074" result="effect1_foregroundBlur_1_4851" />
          </filter>
          <filter id="filter2_b_1_4851" x="0.029758" y="6.21457" width="15.9815" height="10.084" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
            <feFlood flood-opacity="0" result="BackgroundImageFix" />
            <feGaussianBlur in="BackgroundImageFix" stdDeviation="0.037123" />
            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1_4851" />
            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_1_4851" result="shape" />
          </filter>
          <clipPath id="clip0_1_4851">
            <rect width="16" height="16" fill="white" transform="translate(0 0.970215)" />
          </clipPath>
        </defs>
      </svg>
  }
}

export default FsSvg